<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>HTML Tags</title>
	</head>
	<body>
		
		<!-- <hn> 태그: 문단의 제목 -->
		<h1>h1</h1>
		<h2>h2</h2>
		<h3>h3</h3>
		<h4>h4</h4>
		<h5>h5</h5>
		<h6>h6</h6>
		
		<!-- <hr> 태그: horizontal line (가로선) -->
		<hr/>
		
		<!-- <br> 태그: 줄바꿈 -->
		a<br/>b
		
		<!-- <div> 태그 -->
		<div>
			동해물과 백두산이 마르고 닳도록
			하느님이 보우하사 우리나라 만세
			무궁화 삼천리 화려강산
			대한사람 대한으로 길이 보전하세
		</div>
		<div>
			남산위에 저 소나무 철갑을 두른듯
			바람 서리 불변함은 우리 기상일세
			무궁화 삼천리 화려강산
			대한사람 대한으로 길이 보전하세
		</div>
		
		
		<!-- <p> 태그: paragraph (문단) -->
		<p>
			가을 하늘 공활한데 높고 구름없이
			밝은 달은 우리 가슴 일편 단심일세
			무궁화 삼천리 화려강산
			대한사람 대한으로 길이 보전하세
		</p>
		<p>
			이 기상과 이 맘으로 충성을 다하여
			괴로우나 즐거우나 나라 사랑하세
			무궁화 삼천리 화려강산
			대한사람 대한으로 길이 보전하세
		</p>
		
		<!-- <table> 태그 -->
		<table border="1" width="300">
			<tr>
				<th>번호</th>
				<th>아이디</th>
				<th>이름</th>
			</tr>
			<tr>
				<td>1</td>
				<td>java</td>
				<td>자바</td>
			</tr>
			<tr>
				<td>2</td>
				<td>tomcat</td>
				<td>톰</td>
			</tr>
		</table>
		
		<!--
			<thead></thead>
			<tbody></tbody>
			<tfoot></tfoot>
		-->
		
		<!-- <form> 태그: 사용자의 입력을 받고 데이터를 전송하기 위한 양식을 표현 -->
		<form action="some url">
			<!-- action 속성은 이 <form>이 submit 될 때, 데이터가 전송될 곳 -->
			
			<!-- <input> 태그 -->
			text: <input type="text" /><br/>
			password: <input type="password" /><br/>
			checkbox:
				<input type="checkbox" />옵션1
				<input type="checkbox" />옵션2
				<input type="checkbox" />옵션3
				<input type="checkbox" />옵션4<br/>
			radio:
				<input type="radio" name="r1" />옵션1
				<input type="radio" name="r1" />옵션2
				<input type="radio" name="r1" />옵션3
				<input type="radio" name="r1" />옵션4<br/>
			hidden: <input type="hidden" /><br/>
			file: <input type="file" /><br/>
			button: <input type="button" value="버튼 표시 텍스트" /><br/>
			submit: <input type="submit" value="로그인" /><br/>
			reset: <input type="reset" /><br/>
			
		</form>
		
		<!-- <select> 태그 -->
		<select>
			<option>옵션1</option>
			<option>옵션2</option>
			<option>옵션3</option>
			<option>옵션4</option>
		</select>
		<br/>
		&lt;select size="3"&gt;<br/>
		<select size="3">
			<option>옵션1</option>
			<option>옵션2</option>
			<option>옵션3</option>
			<option>옵션4</option>
		</select>
		<br/>
		<select multiple="multiple">
			<option>옵션1</option>
			<option>옵션2</option>
			<option>옵션3</option>
			<option>옵션4</option>
		</select>
		
		<br/><br/>
		
		여러 줄의 텍스트를 입력 받을 수 있는 textarea 태그<br/>
		<textarea rows="5" cols="60"></textarea>
		
		
		<br/><br/><br/><br/><br/><br/>
		
	</body>
</html>























